<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>妈妈班</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="renderer" content="webkit">
		<!-- 设置缩放 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
		<!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true">
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application">
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="../assets/i/favicon.png">
		<link rel="stylesheet" href="../assets/css/amazeui.css" />
		<link rel="stylesheet" href="../assets/videojs/video-js.min.css" />
		<link rel="stylesheet" href="../assets/css/beans.css" />
	</head>
	<body>
		<div id="">
			<div data-am-widget="tabs" class="am-tabs am-tabs-d2 mama" data-am-tabs-noswipe="1">
				<ul class="am-tabs-nav am-cf">
			      	<img src="../img/sousuo.png" onclick="window.location.href='search.html'"/>
			        <li class="am-active"><a href="[data-tab-panel-0]">育儿讲座</a></li>
			        <li ><a href="[data-tab-panel-1]">疫苗知识</a></li>
			        <li ><a href="[data-tab-panel-2]">疫苗视频</a></li>
			        <li ><a href="[data-tab-panel-3]">讨论活动</a></li>
			    </ul>
		      	<div class="am-tabs-bd">
		      		<div data-tab-panel-0 class="am-tab-panel am-active">
		          		<!--图片轮播图-->
		      		    <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
							<ul class="am-slides">
							    <li><img src="../img/zu18.png"></li>
							    <li><img src="../img/zu18.png"></li>
							    <li><img src="../img/zu18.png"></li>
							    <li><img src="../img/zu18.png"></li>
							 </ul>
						</div>
						<!--微信公众号-->
						<div class="Micro">
							<div class="number">
								<img src="../img/tuceng6.png">
								<div class="name">
									<p>小豆苗科学育儿微课堂</p>
									<span class="renshu">15.4</span>
									<span>万人关注</span>
								</div>
								<button type="button">关注</button>
							</div>
						</div>
						<!--课程-->
						<div data-am-widget="list_news" class="am-list-news am-list-news-default" style="background-color: white;margin:0;margin-top:10px;padding:10px">
						  	<div class="am-list-news-hd am-cf">
						       <!--带更多链接-->
						        <a href="coursepackage.html" class="">
						          	<h2>课程包</h2>
						            <span class="am-list-news-more am-fr" onclick="window.location.href='coursepackage.html'">查看全部></span>
						        </a>
						    </div>
							<div class="am-list-news-bd">
							  	<ul class="am-list">
							    <!--缩略图在标题左边-->
							      	<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" onclick="window.location.href='packagedetails.html'">
							        	<div class="am-u-sm-4 am-list-thumb">
							         		<a href="packagedetails.html" class="">
							            		<img src="../img/zu7.png" alt="疫苗！"/>
							          		</a>
							        	</div>
										<div class=" am-u-sm-7 am-list-main">
							            	<h3 class="alt"><a href="packagedetails.html" class="">我很囧，你保重你保重你保重你保重你保重！</a></h3>
											<div class="course">
												<span>已开课<i>47</i>节</span>｜
												<span>预计更新<i>41</i>节课</span>
											</div>
											<p class="learning">
												<span>1.3万</span>次学习
												<!--两种情况-->
												<span class="price">￥68</span>
												<!--<span class="free">免费</span>-->
											</p>
										</div>
							      	</li>
							      	<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" onclick="window.location.href='packagedetails.html'">
							        	<div class="am-u-sm-4 am-list-thumb">
							         		<a href="packagedetails.html" class="">
							            		<img src="../img/zu7.png" alt="疫苗！"/>
							          		</a>
							        	</div>
										<div class=" am-u-sm-7 am-list-main">
							            	<h3 class="alt"><a href="packagedetails.html" class="">我很囧，你保重你保重你保重你保重你保重！</a></h3>
											<div class="course">
												<span>已开课<i>47</i>节</span>｜
												<span>预计更新<i>41</i>节课</span>
											</div>
											<p class="learning">
												<span>1.3万</span>次学习
												<!--两种情况-->
												<!--<span class="price">￥68</span>-->
												<span class="free">免费</span>
											</p>
										</div>
							      	</li>
							      	<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" onclick="window.location.href='packagedetails.html'">
							        	<div class="am-u-sm-4 am-list-thumb">
							         		<a href="packagedetails.html" class="">
							            		<img src="../img/zu7.png" alt="疫苗！"/>
							          		</a>
							        	</div>
										<div class=" am-u-sm-7 am-list-main">
							            	<h3 class="alt"><a href="packagedetails.html" class="">我很囧，你保重你保重你保重你保重你保重！</a></h3>
											<div class="course">
												<span>已开课<i>47</i>节</span>｜
												<span>预计更新<i>41</i>节课</span>
											</div>
											<p class="learning">
												<span>1.3万</span>次学习
												<!--两种情况-->
												<!--<span class="price">￥68</span>-->
												<span class="free">免费</span>
											</p>
										</div>
							      	</li><li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" onclick="window.location.href='packagedetails.html'">
							        	<div class="am-u-sm-4 am-list-thumb">
							         		<a href="packagedetails.html" class="">
							            		<img src="../img/zu7.png" alt="疫苗！"/>
							          		</a>
							        	</div>
										<div class=" am-u-sm-7 am-list-main">
							            	<h3 class="alt"><a href="packagedetails.html" class="">我很囧，你保重你保重你保重你保重你保重！</a></h3>
											<div class="course">
												<span>已开课<i>47</i>节</span>｜
												<span>预计更新<i>41</i>节课</span>
											</div>
											<p class="learning">
												<span>1.3万</span>次学习
												<!--两种情况-->
												<!--<span class="price">￥68</span>-->
												<span class="free">免费</span>
											</p>
										</div>
							      	</li>
							    </ul>
							</div>
						</div>
						<div class="question" onclick="window.location.href='zixunOnline.html'">咨询</div>
					</div>
		          	<div data-tab-panel-1 class="am-tab-panel ">
		            	<div data-am-widget="list_news" class="am-list-news am-list-news-default" style="margin-top: 0px;">
			           		<div class="am-list-news-bd">
						  		<ul class="am-list">
						    		<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							      		<div class="am-u-sm-4 am-list-thumb">
							          		<a href="" class="">
							            		<img src="../img/zu3.png" alt="从零星几滴到奶如泉涌！"/>
							          		</a>
							        	</div>
							        	<div class=" am-u-sm-7 am-list-main">
								            <h3 class="am-list-item-hd"><a href="" class="">肺炎疫苗</a></h3>
											<div class="am-list-item-text">每34秒就有一个宝宝因肺炎而死，而你却不知道肺炎，而你却不知道肺炎</div>
										</div>
							        </li>
							        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							      		<div class="am-u-sm-4 am-list-thumb">
							          		<a href="" class="">
							            		<img src="../img/zu4.png" alt="从零星几滴到奶如泉涌！"/>
							          		</a>
							        	</div>
							        	<div class=" am-u-sm-7 am-list-main">
								            <h3 class="am-list-item-hd"><a href="" class="">肺炎疫苗</a></h3>
											<div class="am-list-item-text">每34秒就有一个宝宝因肺炎而死，而你却不知道肺炎，而你却不知道肺炎</div>
										</div>
							        </li>
							        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							      		<div class="am-u-sm-4 am-list-thumb">
							          		<a href="" class="">
							            		<img src="../img/zu5.png" alt="从零星几滴到奶如泉涌！"/>
							          		</a>
							        	</div>
							        	<div class=" am-u-sm-7 am-list-main">
								            <h3 class="am-list-item-hd"><a href="" class="">肺炎疫苗</a></h3>
											<div class="am-list-item-text">每34秒就有一个宝宝因肺炎而死，而你却不知道肺炎，而你却不知道肺炎</div>
										</div>
							        </li>
							        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							      		<div class="am-u-sm-4 am-list-thumb">
							          		<a href="" class="">
							            		<img src="../img/zu7.png" alt="从零星几滴到奶如泉涌！"/>
							          		</a>
							        	</div>
							        	<div class=" am-u-sm-7 am-list-main">
								            <h3 class="am-list-item-hd"><a href="" class="">肺炎疫苗</a></h3>
											<div class="am-list-item-text">每34秒就有一个宝宝因肺炎而死，而你却不知道肺炎，而你却不知道肺炎</div>
										</div>
							        </li>
							    </ul>
						  	</div>
						</div>
		          	</div>
		          	<div data-tab-panel-2 class="am-tab-panel ">
		        		<div class="am-margin-top-sm radius4 zjyy_div paddgap">
							<ul class="am-avg-sm-1 zxhd_div_ul w100b">
							    <li class="videoLi" style="background-color: white;">
							        <div class="example_video">
							            <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none"  poster="http://vjs.zencdn.net/v/oceans.png">
										   <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
										</video>
										<p>
											<span class="videoname bold">疫苗名称</span>
											<span class="fenxiang">
												<img src="../img/shouc.png">
												<img src="../img/share.png">
											</span>
											<p class="time colorDCDC am-margin-top-xs">时间：<i>2018-07-17</i></p>
										</p>
									</div>
							    </li> 
							</ul>
						</div>
		          	</div>
		          	<!--讨论话题-->
		          	<div data-tab-panel-3 class="am-tab-panel ">
		          		<ul class="discusstopic">
							<li>
					           	<div class="topic">
					           		<img src="../img/tuceng7.png">
					           		<div class="introduce">
					           			<h4>心语</h4>
					           			<span>每天都不一样，每天都不一样</span>
					           		</div>
					           		<div class="reply" onclick="window.location.href='topic.html'">
					           			<img src="../img/pinglun.png">
					           			<span>112</span>
					           		</div>
					           	</div>
					           	<p onclick="window.location.href='topic.html'">刮风下雨握着你的手，偏偏雨越来越大，从前的从前从前的从前刮风下雨握着你的手，偏雨越来越，</p>
					           <ul class="am-avg-sm-3 am-text-center kcyy1 font1 am-margin-top-sm">
					           		<li><img src="../img/zu9.png"></li>
					           		<li><img src="../img/zu10.png"></li>
					           		<li><img src="../img/zu9.png"></li>
					           	</ul>
							</li>
							<li>
					           	<div class="topic">
					           		<img src="../img/tuceng7.png">
					           		<div class="introduce">
					           			<h4>心语</h4>
					           			<span>每天都不一样，每天都不一样</span>
					           		</div>
					           		<div class="reply">
					           			<img src="../img/pinglun.png">
					           			<span>112</span>
					           		</div>
					           	</div>
					           	<p onclick="window.location.href='topic.html'">刮风下雨握着你的手，偏偏雨越来越大，从前的从前从前的从前刮风下雨握着你的手，偏雨越来越，</p>
					           <ul class="am-avg-sm-3 am-text-center kcyy1 font1 am-margin-top-sm">
					           		<li><img src="../img/zu9.png"></li>
					           		<li><img src="../img/zu10.png"></li>
					           		<li><img src="../img/zu9.png"></li>
					           	</ul>
							</li>
						</ul>
		          	</div>
		      	</div>
		  	</div>
		</div>
	  	<div data-am-widget="navbar" class="am-navbar am-cf bg-fff" id="mendb">
			<ul class="am-navbar-nav am-cf am-avg-sm-4" style="border-top:none;">
				<li>
					<a href="index.html">
						<img src="../img/shouye.png">
						<span class="am-navbar-label">首页</span>
					</a>
				</li>
				<li class="active">
					<a href="motherclass.html">
						<img src="../img/mamaban1.png">
						<span class="am-navbar-label">妈妈班</span>
					</a>
				</li>
				<li class="yimiao">
					<a href="#">
						<img src="../img/yimiao.png">
						<span class="am-navbar-label">疫苗</span>
					</a>
				</li>
				<li>
					<a href="personal.html">
						<img src="../img/geren.png">
						<span class="am-navbar-label">个人中心</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="am-modal am-modal-loading am-modal-no-btn radius4" tabindex="-1" id="my-modal-loading" data-am-modal="{closeViaDimmer: 0}">
			  <div class="am-modal-dialog" style="border-radius: 4px;">
			    	<div class="am-modal-hd">加载中...</div>
				    <div class="am-modal-bd">
				      <span class="am-icon-spinner am-icon-spin"></span>
				    </div>
			  </div>
		</div>
		<script src="../assets/js/jquery.min.js"></script>
		<script src="../assets/js/jquery.cookie.js"></script>
		<script src="../assets/js/amazeui.min.js"></script>
		<script src="../assets/js/fastclick.min.js"></script>
		<script src="../assets/js/jquery.yomi.js"></script>
		<script src="../js/public.js"></script>
		<script src="../js/ym.js"></script>
		<script src="../js/actives.js"></script>
	</body>
</html>
